svg {
    padding: 20px;
    border-style: groove;
    border-color: #000000;

}

.hide{
    opacity: .1;
}
.show{
    opacity: 1.0;
}
/*////////////////////////////////////////////////////////////////////////////////*/
.axis {
    shape-rendering: crispEdges;
}

.axis line, .axis path {
    fill: none;
    stroke: #e80e6b;
    stroke-width: 2.0;

}
.y.axis text{
    font: 12px sans-serif;
}
.x.axis text{
    font: 12px sans-serif;
}
.s{
border-style:solid;
    border-width:5px;
    background-color: #b0c4de;
}
/*////////////////////////////////////////////////////////////////////////////////*/
.Scatterplot{

    pointer-events: all;
}
circle {
    fill-opacity: .7;
}

circle.hidden {
    fill: #ccc !important;
}

.extent {
    fill: blue;
    fill-opacity: .125;
    stroke: #fff;
}
.point {
    fill: #999;
    stroke: #fff;
}



.point.selected {
    fill: red;
    fill-opacity: 1;
    stroke: brown;
}


button {
    position: absolute;
    right: 30px;
    top: 30px;
}

.brush .extent {
    stroke: red;
    fill-opacity: .125;
    shape-rendering: crispEdges;
}